<template>
    <div class="content-header-two">
        <ul class="caidan-select">
            <li style="background-color: #b5dae3;">
                <span class="caidan-select-name">熟悉都江堰</span>
                <img class="caidan-select-img" :src="xin" alt="">
                <span class="view-num">160</span>
                <div class="caidan-hen"></div>
            </li>
            <li style="background-color: #cff2da;">
                <span class="caidan-select-name">走近青城山</span>
                <img class="caidan-select-img" :src="xin" alt="">
                <span class="view-num">160</span>
                <div class="caidan-hen"></div>
            </li>
            <li style="background-color: #fbdee8;">
                <span class="caidan-select-name">美丽乡村</span>
                <img class="caidan-select-img" :src="xin" alt="">
                <span class="view-num" style="right: .6rem">160</span>
                <div class="caidan-hen"></div>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "content-header-two",
        data(){
            return {
                xin:"./static/img/xin.png"
            }
        }
    }
</script>

<style lang="stylus" type="text/stylus" scoped>
    .content-header-two
     height:1.2rem
     .caidan-select
        width :100%
       .caidan-select>li
           position: relative;
           height : .78rem
           width : 2.91rem
           float :left
           margin :.2rem .1rem
           border-radius : .1rem;
           .caidan-select-name
                font-size:.3rem
                color :#fff;
                margin-left:.25rem;
           .caidan-select-img
               width: 0.35rem
               margin-left: .38rem
               margin-top: -.05rem;
           .caidan-hen
              width : 0.27rem
              height :.05rem
              background-color : #fff ;
              position :relative
              margin-top :.1rem;
              margin-left :.25rem;
           .view-num
              position :absolute
              font-size:.01rem
              color:#fff
              top: .33rem
              right:.3rem
       .caidan-select>li:last-child
           margin-top :.09rem
           .view-num
               position :absolute
               font-size:.01rem
               color:#fff
               top: .33rem



</style>